<template>
  <div class="qyxx-box">
    <div class="qyxx-qiye">
      企业信息
    </div>
      <div class="qyxx-line1"></div>

    <div class="qyxx-logo">
      <span>企业Logo:</span>
        <span id="lzg">建议上传图片尺寸为60px*60px，若不设置则使用系统默认头像</span>
      <div class="qyxx-tupian">
        <img src="./u4472.png" alt="" />
        <span>上传</span>
      </div>
      <div class="qyxx-tupian-1">
        <div class="qyxx-Logo">logo</div>

        <div class="qyxx-Logo-l">
          <span>预览图</span>
          <img src="./u4468.png" alt="" />
          <img src="./u4467.png" alt="" id="lx1" />
        </div>
      </div>
    </div>

    <div class="qyxx-message-name">
      <span style="color: #ff6262">*</span>
      <span style="color: #cccccc">企业名称</span>
      <input type="text" value="   七尾云科技有限公司" />
    </div>

    <div class="qyxx-message-account">
      <span style="color: #cccccc">企业账户</span>
      <input type="text" disabled placeholder="   1339000@163.com" />
    </div>

    <div class="qyxx-Hangye">
      <span style="color: #cccccc" id="lzg1">所属行业</span>
      <div class="qyxx-select">
        <my-select :width="320" :items="item"></my-select>
      </div>
    </div>

    <div class="qyxx-Large">
      <span style="color: #cccccc" id="lzg2">团队规模</span>
      <div class="qyxx-select1">
        <my-select :width="320" :items="item1"></my-select>
      </div>
    </div>

    <div class="qyxx-Boss-name">
      <span style="color: #cccccc">联系人姓名</span>
      <input type="text" value="   杜宇" />
    </div>

    <div class="qyxx-message-number">
      <span style="color: #cccccc">联系人电话</span>
      <input type="text" value="   17789067899" />
    </div>

    <div class="qyxx-company-address">
      <span style="color: #cccccc">公司地址</span>
      <input type="text" placeholder="   请输入" />
    </div>

    <div class="qyxx-beizhu">
      <span style="color: #cccccc">备注信息</span>
      <input type="text" placeholder="   请输入" />
    </div>

    <div class="qyxx-line"></div>

    <div class="qyxx-anniu1">
      <my-button :color="true">保存</my-button>
    </div>
  </div>
</template>

<script>
import MySelect from "@/components/MyInput/MySelect"
import MyButton from "@/components/MyInput/MyButton"
export default {
  components:{
    MySelect,
    MyButton
  },
  data(){
    return {
      item:[
        {
          label:'请选择',
          value:'0'        
        },
        {
          label:'教育',
          value:'1'        
        },
        {
          label:'互联网',
          value:'2'        
        },
        {
          label:'娱乐',
          value:'3'        
        },
      ],

      item1:[
        {
          label: '请选择规模',
          value: '0'
        },
        {
          label: '10人以下',
          value: '0'
        },
        {
          label: '10-99人',
          value: '0'
        },
        {
          label: '100-499人',
          value: '0'
        },
        {
          label: '500人以上',
          value: '0'
        },
      ]
 
      }
}
}
</script>

<style>
.qyxx-box {
  width: 1040px;
  height: 820px;
  background-color: #fff;

  overflow: hidden;
}
.qyxx-qiye {
  font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
  line-height: 22px;

  padding-top: 0.1px;
  padding-left: 10px;

  margin-top: 10px;
  padding: 10px 25px;
}
.qyxx-logo {
  width: 100%;
  height: 104px;

  background-color: #fff;
  margin-bottom: 45px;

  margin-left: 70px;
}
.qyxx-logo span {
  font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: rgba(153, 153, 153, 0.847058823529412);
  /* text-align: right;
    line-height: 22px; */
}
#lzg {
  width: 337px;
  height: 16px;

  font-size: 12px;

  position: relative;
  top: 116px;
  left: 63px;
}
.qyxx-tupian {
  width: 104px;
  height: 104px;

  background-color: rgba(242, 242, 242, 1);
  position: relative;
  left: 130px;
  top: -21px;

  border-radius: 3px;
  border: 2px dashed #cccccc;
}
.qyxx-tupian span {
  font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
  font-size: 14px;
  line-height: 22px;

  position: relative;
  left: 36px;
  top: 50px;
}
.qyxx-tupian img {
  width: 24px;
  height: 24px;

  display: block;
  margin: auto;

  position: relative;
  top: 30px;
  /* vertical-align: middle; */

  /* vertical-align: middle; */
}
.qyxx-tupian-1 {
  width: 104px;
  height: 104px;

  background-color: #fff;
  position: relative;
  left: 260px;
  top: -129px;

  border-radius: 3px;
  border: 2px dashed #cccccc;
}
.qyxx-Logo {
  width: 48px;
  height: 48px;

  background-color: blue;
  border-radius: 50%;

  text-align: center;
  line-height: 48px;

  font-family: "ArialMT", "Arial", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;

  margin-top: 20px;
  margin-left: 25px;
}

.qyxx-Logo-l span {
  font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.427450980392157);
  font-weight: 400;

  position: relative;
  left: 25px;
  top: 4px;
}
.qyxx-Logo-l img {
  width: 20px;
  height: 20px;
  position: relative;
  left: 30px;

  top: 12px;
}
.qyxx-Logo-l #lx1 {
  width: 10px;
  height: 10px;

  position: relative;
  left: 14px;
  top: 5px;
}
.qyxx-message-name {
  width: 100%;
  height: 50px;
  background-color: #fff;

  text-align: left;
  line-height: 50px;

  margin-top: 15px;
  margin-left: 70px;
}
.qyxx-message-name input {
  width: 320px;
  height: 40px;

  background-color: rgba(242, 242, 242, 1);

  position: relative;
  left: 58px;
  top: -1px;

  font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
  font-weight: 400;
  font-size: 14px;

  border-color: transparent;
  outline: none;
  border: none;
}
.qyxx-message-account {
  width: 100%;
  height: 50px;

  background-color: #fff;
  margin-top: 15px;
  margin-left: 70px;
}
.qyxx-message-account span {
  font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
  font-weight: 400;
  font-size: 14px;

  text-align: left;
  line-height: 50px;
}
.qyxx-message-account input {
  width: 320px;
  height: 40px;

  background-color: rgba(242, 242, 242, 1);

  position: relative;
  left: 72px;
  /* top: -1px; */

  font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: black;

  outline: none;
  border: none;
}

.qyxx-Hangye {
  width: 100%;
  height: 50px;

  background-color: #fff;
  margin-top: 15px;
  margin-left: 70px;
}
.qyxx-select {
  margin-top: -45px;
  margin-left: 128px;
}
.qyxx-Hangye #lzg1 {
  font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
  font-weight: 400;
  font-size: 14px;

  text-align: left;
  line-height: 50px;

  margin-right: 72px;
}
.qyxx-Hangye #lx2 {
  width: 324px;
  height: 42px;

  background-color: rgba(242, 242, 242, 1);

  position: relative;
  left: 0px;

  border-radius: 0%;
  border: none;
}

.qyxx-Large {
  width: 100%;
  height: 50px;

  background-color: #fff;
  margin-top: 15px;
  margin-left: 70px;
}
.qyxx-select1 {
  margin-top: -45px;
  margin-left: 128px;
}

.qyxx-Large #lzg2 {
  font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
  font-weight: 400;
  font-size: 14px;

  text-align: left;
  line-height: 50px;

  margin-right: 72px;
}
.qyxx-Large #lx3 {
  width: 324px;
  height: 42px;

  background-color: rgba(242, 242, 242, 1);

  position: relative;
  left: 0px;

  border-radius: 0%;
  border: none;
}

.qyxx-Boss-name {
  width: 100%;
  height: 50px;

  background-color: #fff;
  margin-top: 15px;
  margin-left: 70px;
}
.qyxx-Boss-name input {
  width: 320px;
  height: 40px;

  background-color: rgba(242, 242, 242, 1);

  position: relative;
  left: 48px;
  top: 2px;

  font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
  font-weight: 400;
  font-size: 14px;

  border-color: transparent;
  outline: none;
  border: none;
}
.qyxx-message-number {
  width: 100%;
  height: 50px;

  background-color: #fff;
  margin-top: 15px;
  margin-left: 70px;
}
.qyxx-message-number span {
  font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
  font-weight: 400;
  font-size: 14px;

  text-align: left;
  line-height: 50px;
}
.qyxx-message-number input {
  width: 320px;
  height: 40px;

  background-color: rgba(242, 242, 242, 1);

  position: relative;
  left: 58px;
  top: 0px;

  font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
  font-weight: 400;
  font-size: 14px;

  border-color: transparent;
  outline: none;
  border: none;
}
.qyxx-company-address {
  width: 100%;
  height: 50px;

  background-color: #fff;
  margin-top: 15px;
  margin-left: 70px;
}
.qyxx-company-address span {
  font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
  font-weight: 400;
  font-size: 14px;

  text-align: left;
  line-height: 50px;
}
.qyxx-company-address input {
  width: 320px;
  height: 40px;

  background-color: rgba(242, 242, 242, 1);

  position: relative;
  left: 72px;
  top: 0px;

  font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
  font-weight: 400;
  font-size: 14px;

  border-color: transparent;
  outline: none;
  border: none;
}
.qyxx-beizhu {
  width: 100%;
  height: 50px;

  background-color: #fff;
  margin-top: 15px;
  margin-left: 70px;
}
.qyxx-beizhu span {
  font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
  font-weight: 400;
  font-size: 14px;

  text-align: left;
  line-height: 50px;
}
.qyxx-beizhu input {
  width: 320px;
  height: 40px;

  background-color: rgba(242, 242, 242, 1);

  position: relative;
  left: 71px;
  top: 0px;

  font-family: "PingFangSC-Regular", "PingFang SC", sans-serif;
  font-weight: 400;
  font-size: 14px;

  border-color: transparent;
  outline: none;
  border: none;
}

.qyxx-line1 {
  position: relative;
  margin: 0 auto;
  width: 1040px;
  height: 1.5px;
  background-color: rgba(242, 242, 242, 1);
  text-align: center;
  font-size: 16px;
  color: rgba(101, 101, 101, 1);

  margin-top: 14px;
  margin-bottom: 14px;
}

.qyxx-line {
  position: relative;
  margin: 0 auto;
  width: 1040px;
  height: 1px;
  background-color: #d4d4d4;
  text-align: center;
  /* font-size: 16px; */
  color: rgba(101, 101, 101, 1);

  margin-top: 14px;
}
.qyxx-anniu1 {
  margin-left: 70px;
  margin-top: 15px;
}
.qyxx-anniu1 #lzhh {
  width: 80px;
  height: 32px;

  position: relative;
  /* left: 150px; */

  margin-top: 15px;
}
</style>